//import 'ant-design-vue/dist/antd.css' // or 'ant-design-vue/dist/antd.less'
import '@/assets/theme/global.less'

// import { DatePicker } from 'ant-design-vue'
import Antd from 'ant-design-vue'
import { message, notification } from 'ant-design-vue'
import * as AntdIcon from '@ant-design/icons-vue'
import { createFromIconfontCN } from '@ant-design/icons-vue'

// 注册远程 icon
const Icon = createFromIconfontCN({
    // 这个是我自己的图标库，你自己创建要去 iconfont.cn 上创建，
    // 看官网教程 https://next.antdv.com/components/icon-cn#%E8%87%AA%E5%AE%9A%E4%B9%89-font-%E5%9B%BE%E6%A0%87
    // <Icon v-if="route.meta?.icon" :type="route.meta.icon" />
    // scriptUrl: '//at.alicdn.com/t/font_3013134_pc3mmckqy1.js', // 在 iconfont.cn 上生成
    scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // 在 iconfont.cn 上生成
})
// 防止弹出大量消息
message.config({
    top: '10px',
    duration: 2,
    maxCount: 10,
    rtl: false,
    //prefixCls: 'my-message',
})

//写配置//一些参你也可以配置到动态的，看个人需要
notification.config({
    placement: 'topRight', //bottomRight
    top: '50px',
    duration: 3
})

// setup i18n instance with glob
export function setupAntd(app) {
    app.use(Antd)
    for (let c in AntdIcon) {
        app.component(c, AntdIcon[c])
    }
    app.component('DIconFont',Icon)
}
